import {createRouter, createWebHashHistory} from 'vue-router'
// 进度条
import Msg from "@/util/Message"
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
import util from '@/util/util'
// 路由数据
import routes from './routes'


const router = createRouter({
    history: createWebHashHistory(),
    routes
})
/* 路由发生变化之前 权限验证*/
router.beforeEach((to, from, next) => {
    // 进度条
    NProgress.start()
    /* 路由发生变化修改页面title */
    if (to.meta.title) {
        document.title = to.meta.title
    }
    // 验证当前路由所有的匹配中是否需要有登录验证的
    if (to.matched.some(r => r.meta.auth)) {
        // 这里暂时将cookie里是否存有token作为验证是否登录的条
        // 件
        // 请根据自身业务需要修改
        const token = util.cookies.get('token')
        if (token && token !== 'undefined') {
            next()
        } else {
            next()
            // 没有登录的时候跳转到登录界面
            // 携带上登陆成功之后需要跳转的页面完整路径
            Msg.warning("请先登录")
            next({
                name: 'login',
                query: {
                    redirect: to.fullPath
                }
            })
            NProgress.done()
        }
    } else {
        // 不需要身份校验 直接通过
        next()
    }

    // setTimeout(next,100)
})

/* 路由发生变化之后 */
router.afterEach(to => {
    // 进度条
    NProgress.done()
    // 更改标题
    util.title(to.meta.title)
})

export default router